/*Frame*/

/*Frame itself*/
.aria-frame {
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
}

.aria-frame-title {
	font-size: 15px;
	font-weight: bold;
	font-family: arial,verdana,sans-serif;
	color: #FFFFFF;
}
/*buttons on the Frame header*/
.aria-frame-button {
	width: 10px;
	height: 10px;
	border: none;
	cursor: pointer;
}

/*Style which is added to frame header when frame is active*/
.aria-frame-active-color {
	background: #FF6D06 !important;
}
/*The same as above, but for top left corner of header*/
.aria-frame-active-tl {
	background: url(images/frameTL-active.gif) !important;
}
/*The same as above, but for top right corner of header*/
.aria-frame-active-tr {
	background: url(images/frameTR-active.gif) !important;
}

/*Added to resize handles when window is maximized*/
.aria-frame-force-standard-cursor {
	cursor: default !important;
}

/*top row. consists of 3 resize handles*/
.aria-frame-row-top {
	height: 3px;
}

.aria-frame-handler-tl {
	width: 15px;
	height: 3px;
	background: url(images/frameTL.gif);
	font-size: 0px;
	cursor: nw-resize;
}
.aria-frame-handler-tm {
	width: 100%;
	height: 3px;
	background: #666666;
	font-size: 0px;
	cursor: n-resize;
}
.aria-frame-handler-tr {
	width: 15px;
	height: 3px;
	background: url(images/frameTR.gif);
	font-size: 0px;
	cursor: ne-resize;
}

/* Header row. Consists of header + 2 resize handlers: right and left*/
.aria-frame-row-header {
	height: 19px;
}
.aria-frame-handler-hl {
	width: 3px;
	height: 19px;
	background: #666666;
	font-size: 0px;
	cursor: nw-resize;
}
.aria-frame-handler-hm {
	width: 100%;
	height: 19px;
	background: #666666;
	cursor: move;
	font-size: 0px;
}
.aria-frame-handler-hr {
	width: 3px;
	height: 19px;
	background: #666666;
	font-size: 0px;
	cursor: ne-resize;
}

/* Content row. It is table itself, which consists of 3 columns (and 1 row)*/
.aria-frame-row-content {
	height: 100%;
	background: #FFFFFF;
}
.aria-frame-content-left {
	width: 3px;
	height: 100%;
	font-size: 0px;
}
.aria-frame-content-middle {
	width: 100%;
	height: 100%;
	
	
}
.aria-frame-content-right {
	width: 3px;
	height: 100%;
	font-size: 0px;
}

/*Left and right columns of content tables contains 2 rows:*/
.aria-frame-content-row-top {
	height: 100%;
}
/*Bottom row of content*/
.aria-frame-content-row-bottom {
	height: 12px;
}

/*2 cells of left column*/
.aria-frame-handler-ctl {
	width: 3px;
	/*height: 100%; Height 100% is not required here. Moreover it makes Opera works wrong*/
	background: url(images/frameLeftBord.gif) repeat-y;
	cursor: w-resize;
}
.aria-frame-handler-cbl {
	width: 3px;
	height: 12px;
	background: url(images/frameLeftBord.gif) repeat-y;
	cursor: sw-resize;
}

/*2 cells of right column*/
.aria-frame-handler-ctr {
	width: 3px;
	/*height: 100%; Height 100% is not required here. Moreover it makes Opera works wrong*/
	background: url(images/frameRightBord.gif) repeat-y;
	cursor: e-resize;
}

.aria-frame-handler-cbr {
	width: 3px;
	height: 12px;
	background: url(images/frameRightBord.gif) repeat-y;
	cursor: se-resize;
}

/* Bottom row. Consists of 3 resize handles*/
.aria-frame-row-bottom {
	height: 3px;	
}

.aria-frame-handler-bl {
	width: 15px;
	height: 3px;
	font-size: 0px;
	cursor: sw-resize;
	background: url(images/frameBL.png);
}
.aria-frame-handler-bm {
	width: 100%;
	height: 3px;
	font-size: 0px;
	cursor: s-resize;
	background: url(images/frameHorBord.png) repeat-x;
	
}
.aria-frame-handler-br {
	width: 15px;
	height: 3px;
	background: url(images/frameBR.png);
	font-size: 0px;
	cursor: se-resize;
}
/*Style for scroll panel, where content is located*/
.aria-frame-scroll {

}